var BINDALIPY = `
<!-- 绑定支付宝账号 -->
<div>
    <div id='mask-alipy' v-if='open'></div>
    <transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut'>
        <div id='mask-1-alipy' v-if='open'>
            <div class='mask-con-alipy'>
                <div class='dis-spa edit-tit-alipy'>
                    <span style="opacity:0;">1</span>
                    <span>更换绑定支付宝</span>
                    <img class='hover' @click='closeAlipy' src="./img/close.svg" style="width:22px;height:22px;">
                </div>
                <!-- @click="$('.qr-sweep-succ').show();"  这段代码是扫码成功执行-->
                <div class='mask-con-wrap-alipy'>
                    <div class='qr-like-alipy'>
                        <img src="./img/qr.jpg" style="width:300px;height:300px;">
                        <div class='qr-sweep-succ-alipy'>
                            <div>
                                <h4>扫码成功</h4>
                                <p>请在支付宝确认绑定</p>
                            </div>
                        </div>
                    </div>
                    <p class='zhifu-qr-noti-alipy'>打开支付宝扫描此二维码</p>
                </div>
            </div>
        </div>
    </transition>
</div>
<!-- 绑定支付宝账号 -->
`;
Vue.component('bind-alipy', {
    props: ['open'],
    data: function() {
        return {

        }
    },
    methods: {
        //关闭
        closeAlipy: function() {
            this.$emit('close_alipy');
        }
    },
    template: BINDALIPY
});